/**
 * @version		$Id$
 * @author		Joomseller
 * @package		Joomla!
 * @subpackage	Mod_DropDown_MooMenu
 * @copyright	Copyright (C) 2008 - 2011 by Joomseller Solutions. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
 */
 
/* Clearfix
-------------------------------------------------------------*/
#js-mainnav { 
    background-color: #fff; /* you can change/delete the transparent gradient image or the background color */
    border-top: 2px solid #000; /* you can change the color of the border */
    box-shadow: 0 3px 6px #666666;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
} 

/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 { 
    border-right: #fff; /* you can remove/comment this line or move the border to the left*/ 
} 
ul.level0 li.mega {
	background-color: #fff;
}
ul.level0 li.mega a.mega { 
    border-left: 1px solid #014E72; /* you should comment/delete this line */ 
    border-right: 1px solid #333333; /* and this line */ 
    color: #0a0a0a;
}
ul.level0 li.mega a.mega.adhome{
	margin-top: 13px;
} 
ul.level0 li.over a.mega, 
ul.level0 li.haschild-over a.mega{ 
	font-weight: bold;	
}
ul.level0 li.last{ 
	border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
}

ul.level0 li.mega.adkindle .childcontent-inner .megacol ul.level1 li.last div.menu-desc {
	margin: 9px 0 0 15px;
}
ul.level0 li.over, 
ul.level0 li.haschild-over { 
    background-color: #fff; /* you can change/remove the transparent gradient or the color */
}
ul.level0 li.active { 
    background-color: #fff;
} 
ul.level0 li #current.active {
	background: none;
}
/* lv - 1 and below
-----------------------------------*/

/* Layout ---*/

 /* Columns ---*/
.megacol { float: left; border-top: 1px solid #001A26;}
/* Styling ---*/
ul.level1 li.mega { 
	border-top: 0px dotted #006699; 
	background: none;
	height: auto;
    line-height: 22px;
}

ul.level1 li.first { border-top: 0;height: auto; }

ul.level1 li.mega a.mega {
	background: none;
	border: 0;
	color: #000;
	font-weight: normal;
}
ul.level1 li.mega a.mega.first.group{
	margin-top: 12px;
}
ul.level1 li.mega a.mega div.menu-desc{
	color: #999999;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;	
}	
ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; }
ul.level1 li.mega a.mega div.menu-desc{
	display: block;
	text-decoration: none;
}
ul.level1 li.over a.over div.menu-desc,
ul.level1 li.haschild-over a.over div.menu-desc{
	text-decoration: none !important;
}

ul.level1 li.over, 
ul.level1 li.haschild-over { background: #fff; }

ul.level1 li.over a.mega span.menu-title,
ul.level1 li.haschild-over a.mega span.menu-title{
	text-decoration: underline !important;
	cursor: pointer;
} 
ul.level1 li.over,
ul.level1 li.haschild-over {
	background: none;
	padding: 0;
}

ul.level1 li.group { background: none; }

 /* CHILD CONTENT
-----------------------------------*/

.childcontent-inner {
	background-color: #fff; /*change here the color to match the new color you have set for mainnav */
	border-right: 1px solid #3A0700;
	color: #000; /* after changing code above, you might want to change this color to make the text color readable  */ 
    border-color: -moz-use-text-color #001A26 #001A26;
	border-bottom: 0px solid #006699;
	border-top: 2px solid #000;
	box-shadow: 0 1px 9px rgba(0,0,0,0.075);
}
.childcontent .js-moduletable {
	color: #000;
}
.childcontent-inner .group ul li.active{
	background-color: #fff !important;
}
.childcontent .group h3 {
	background: none;
	color: #e47911;
	border-bottom: 1px dotted #006699;
}
.childcontent .js-moduletable a {
	color: #000;
	border-bottom: 1px dotted #ccc;
}

.childcontent .js-moduletable a:hover,
.childcontent .js-moduletable a:focus,
.childcontent .js-moduletable a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

/* Grouped --- */
.group-title {
	border-bottom: 0px solid #006699;
}
.group-title .menu-title {
	color: #e47911;
}

.group-title .menu-desc {
	color: #999;
}
/* reset --- */